<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器权重</title>
		<style>
			.d{ /*权值 10*/
				background-color: #55ff00;
			}
			div{ /*权值 1*/
				background-color: #ffaa00;
			}
			#d1{ /*权值 100*/
				background-color: #ff0000;
			}
			*{ /*权值 0*/
				background-color: #0000ff;
			}
			#d1:hover{ /*权值10*/
				background-color: #ffff00;
			}
			/*加权写法：元素选择器+任意选择器【组合】*/
			div#d1{
				background-color:#00ff00;
			}
				
			
		</style>
	</head>
	<body>
		<!-- 选择器存在权值，所学所有选择器抓同一个元素 
		id选择器     权值：100
		            类选择器，伪类选择器 权值：10
					元素选择器      权值：1
					通用选择器     权值：0
					算和：派生，子代，兄弟 权值高优先执行
					（不建议）破坏优先级  效果优先执行--属性值
					内联样式表权值1000
		-->
		<div id="d1" class="d">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt necessitatibus, provident sint earum dolorem esse beatae numquam sequi magni? Minus id doloribus illum totam tempora nam magni quae saepe numquam.</div>
	</body>
</html>